{% load staticfiles %}
<html>
	<head>
		<link rel="stylesheet" href="{% static 'emhub/css/bootstrap.min.css' %}">
		<link rel="stylesheet" href="{% static 'emhub/css/bootstrap-theme.min.css' %}">
		<link rel="stylesheet" href="{% static 'emhub/css/navBar.css' %}">
		<script type="text/javascript" href="{% static 'emhub/js/bootstrap.js' %}"></script>
		<script type="text/javascript" href="{% static 'emhub/js/npm.js' %}"></script>
	</head>

	<body style="margin-left: 10%;margin-right: 10%;background-color: grey">
		<div style="margin-left:10%;margin-right:10%;background-color: white;height: 100%">
			<div id="custom-bootstrap-menu" class="navbar navbar-default navbar-static-top" role="navigation">
			    <div class="container-fluid">
			        <div class="navbar-header"><a class="navbar-brand" href="{% url 'home' %}">eMHub</a>
			            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
			            </button>
			        </div>
			        <div class="collapse navbar-collapse navbar-menubuilder">
			            <ul class="nav navbar-nav navbar-left">
			                <li><a href="{% url 'emhub:home' %}">Home</a>
			                </li>
			                <li><a href="{% url 'gcalendar:index' %}">Calendar</a>
			                </li>
			                <li><a href="">Notifications</a>
			                </li>
			                <li><a href="">Profile</a>
			                </li>
			                </li>
			                <li><a href="">Login</a>
			                </li>
			                <li><a href="">Logout</a>
			                </li>
			            </ul>
			        </div>
			    </div>
			</div>
		
			<div>
				<a href="{% url 'social:begin' %}"></a>		
			</div>

		</div>
	</body>

</html>